<template>
  <div id="HardDist_container" style="height: 98%">
    <el-card>
      <el-container>
        <el-aside class="aside">
          <el-menu
            class="el-menu-demo menuSet"
            mode="vertical"
            router="ture"
            unique-opened="true"
            default-openeds="[1]"
            collapse-transition
            default-active='/PublicDisk'
          >
            <el-sub-menu index="1">
              <template #title>ダイレクトリー</template>
              <el-menu-item index="/PublicDisk">会社の公開資料</el-menu-item>
              <el-menu-item index="/Empty">会社の資質</el-menu-item>
              <el-menu-item index="/AnotherDisk">ほかのファイル</el-menu-item>
            </el-sub-menu>
          </el-menu>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  }
}
</script>
<style scoped>
.menuSet {
  background-color: rgb(200, 200, 200);
  text-align: center;
  margin: auto;
}
.aside{
  width: 250px;
   height: 770px;
   border-right: 0.5px solid rgb(200, 200, 200);
}
</style>
